<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- color 设置前景色 -->
    <!-- em 当前元素的fint-size  -->
    <!-- rem  根元素的font-size -->
    <!-- font-family  设置字体格式 -->
    <!-- 可选择 serif   sans-serif monspace  cursive fantasy 不是某一个指定字体 -->
    <!-- 字体分类 衬线字 非衬线字  等宽字体  草书字体   虚幻字体-->
    <!-- 浏览器会自动使用该类别下的字体 -->
    <!-- 兼容性不行 -->
    <!-- 后两个一般不用 -->
    <!-- 是个字体的分类 -->
    <!-- 可以指定多个字体 如果浏览器没有 则自动选择之后的字体 -->
    <!-- 多个字体间使用,隔开 -->
    <!-- 一般自动常见的字体 -->
    <!-- font-family 无所谓的 -->
    <!-- font-face 要有授权才可以使用 -->



</body>

</html>